<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Coming Soon Bootstrap Landing Page</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Google fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="img/favicon.png">
  </head>
  <body>
    <section class="page-holder position-relative d-flex justify-content-between flex-column" id="video">
      <div class="overlay"></div>
      <div class="container position-relative z-index-20 pt-3 pb-5">
        <ul class="list-inline text-center text-lg-end">
          <li class="list-inline-item"><a class="social-link social-link-facebook" href="#"><i class="fab fa-facebook-f"></i></a></li>
          <li class="list-inline-item"><a class="social-link social-link-twitter" href="#"><i class="fab fa-twitter"></i></a></li>
          <li class="list-inline-item"><a class="social-link social-link-instagram" href="#"><i class="fab fa-instagram"></i></a></li>
        </ul>
      </div>
      <div class="container text-center text-white position-relative z-index-20 pt-lg-5 my-5">
        <h1 class="text-shadow mb-5">Beautiful coming soon template</h1>
        <p class="h2 font-family-base fw-light text-shadow">You can expect this beautiful website running soon.</p>
      </div>
      <div class="container text-white text-center z-index-20 py-5">
        <p class="h2 font-family-base fw-light mb-4 text-shadow">Join our mailing list and we will notify you once it is ready!</p>
        <div class="row">
          <div class="col-lg-5 mx-auto">
            <form class="d-flex d-inline-block w-100 flex-column flex-lg-row justify-content-center">
              <div class="input-group">
                <input class="form-control mb-2 me-sm-2 rounded transparent-bg" id="inlineFormInputName2" type="email" placeholder="JaneDoe@example.com">
                <button class="btn btn-primary letter-spacing-3 mb-2 rounded" type="submit">Subscribe</button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <footer class="py-4 w-100 text-sm text-white z-index-20 position-relative">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 text-center text-sm-start">
              <p>&copy; Your name/company goes here</p>
            </div>
            <div class="col-sm-6 text-center text-sm-end">
              <p class="mb-1"><a target="_blank" href="http://www.mobanwang.com/" title="网页模板" class="text-white">网页模板</a></p>
            </div>
          </div>
        </div>
      </footer>
    </section>
    <!-- JavaScript files-->
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/vidim/vidim.min.js"></script>
    <script src="js/theme.js"></script>
    <!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  </body>
</html>